<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>爱code爱生活-icodeilife.club</title>
	<style>
		html,
		body,
		ul,
		li {
			margin: 0;
			padding: 0;
		}

		html,
		body {
			height: 100%;
		}

		a {
			color: #fff;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
		}

		.cont {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			background: #fefefe;
			align-items: center;
		}

		.cont .box {
			width: 400px;
			height: 300px;
			border-radius: 6px;
			background: #438eb6;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			flex-direction: column;
			margin: -100px 0 0;
		}

		.box h2 {
			margin: -10px 0 10px;
		}

		.box li {
			font-size: 20px;
			color: #fff;
		}

		.footer {
			height: 40px;
			line-height: 40px;
			background: #438eb6;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
      display:flex;
      justify-content: center;
      color: #fff
		}

	</style>
</head>

<body>
	<div class="cont">
		<div class="box">
			<h2>爱code爱生活</h2>
			<ul>
				<li><a href="http://icodeilife.club:3000/apidoc" target="_blank">接口</a></li>
				<li><a href="http://icodeilife.club" target="_blank">文章</a></li>
				<li><a href="http://icodeilife.club/login" target="_blank">登录</a></li>
			</ul>
		</div>
	</div>
	<footer class="footer">
      <a href="https://beian.miit.gov.cn/" target="_blank">
		  豫ICP备2021030896号
      </a>
      &nbsp;&nbsp;&nbsp;&nbsp;
      <strong>版权所有 &copy; <a href="http://icodeilife.club">爱code爱生活</a>.</strong>
      &nbsp;&nbsp;&nbsp;&nbsp;
      <div class="">
          <a href="http://icodeilife.club">icodeilife.club</a>
      </div>
  </footer>
</body>
</html>